﻿
@{
    Layout = null;
}
@model YaYun.Models.Employee

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ADDEmployee</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />

    <style>
        .box {
            text-align: center;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80vh;
        }

        .demo-box .el-icon-arrow-down {
            font-size: 20px;
        }

        .el-icon-arrow-down:before {
            content: "\E603";
        }
    </style>
</head>

<body>
    <div class="">
        @using (Html.BeginForm(new { @class = "bs-example bs-example-form" }))
        {

            <h2>入职信息登记</h2>
            <br />
            <div class="input-group">
                <span class="input-group-addon">电话号码：</span>
                <input class="form-control" type="text" maxlength="11" required name="phone" value="" />
            </div> <br />
            <div class="input-group">
                <span class="input-group-addon">邮&emsp;&emsp;箱：</span>
                <input class="form-control" type="text" maxlength="11" required name="email" value="" />
            </div><br />
            <div class="input-group">
                <span class="input-group-addon">姓&emsp;&emsp;名：</span>
                <input class="form-control" type="text" maxlength="11" required name="EmployeeName" value="" />
            </div><br />
            <div class="input-group">
                <span class="input-group-addon">性&emsp;&emsp;别：</span>
                <select name="gender" required class="form-control">
                    <option value="1" data-icon="male-icon.png">男</option>
                    <option value="2">女</option>
                </select>

            </div><br />

            <div class="input-group">
                <span>部&emsp;&emsp;门：</span>
                <select name="DEP_id" required class="form-control  el-icon-arrow-down">

                    <option value="1">人力资源部</option>
                    <option value="2">市场部</option>
                    <option value="3">财务部</option>
                    <option value="4">技术部</option>
                    <option value="5">客服部</option>
                    <option value="6">销售部</option>
                    <option value="7">采购部</option>
                    <option value="8">行政部</option>
                    <option value="9">研发部</option>
                    <option value="10">运营部</option>
                </select>
            </div><br />
            <span class="caret"></span>

            <div class="input-group">
                <span>职&emsp;&emsp;位：</span>
                <select name="posi_id" required class="form-control">
                    <option class="caret" value="1">人力资源 </option>
                    <option value="2"> 市场营销专员</option>
                    <option value="3"> 会计</option>
                    <option value="4"> 软件工程师</option>
                    <option value="5">客服专员</option>
                    <option value="6"> 销售代表</option>
                    <option value="7"> 采购专员</option>
                    <option value="8"> 行政专员</option>
                    <option value="9"> 研发工程师</option>
                    <option value="10"> 运营专员</option>
                </select>
            </div><br />
            <div class="input-group">
                <span> 入职时间：</span> <input type="date" class="form-control" name="enter_date" value="" /> <br />
            </div><br />
            <div>
                &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                <input class="btn btn-primary btn-lg btn-block" type="submit" value="提&emsp;&emsp;交" />
            </div>

        }<br />

    </div>
</body>
</html>
